<?php
	//-------------------------------------------------------------------
	// Este formulario se llama desde mensajes.html.php
	// es para que el usuario pueda realizarle consulta al alojamiento
	//-------------------------------------------------------------------
?>
<script type="text/javascript" src="<?php echo URL;?>/js/datepicker/date.js"></script>
<script type="text/javascript" src="<?php echo URL;?>/js/datepicker/jquery.datePicker.js"></script>
<link rel="stylesheet" href="<?php echo URL;?>/js/datepicker/datepicker.css" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php echo URL;?>/js/datepicker/demo.css" type="text/css" media="screen" />

<?php if($ElMensaje['confirma_reserva']>0 or $ElMensaje['reservado']>0){ $readonly = 'readonly'; } else { $readonly='';} ?>
	



<form action='<?php echo URL;?>/user/mensaje-guardar.php' method='post'>		

		<div class='span3' style='width:220px;'>
			<span class='titulos'>Fecha y Pasajeros</span>
			<table >
				<tr>
					<td class='td_titulo'>Ingreso</td>
					<td class='td_contenido'>
						<input type='text' name="data[desde]" id="start-date" class="date-pick"  readonly placeholder='Desde el...' style='width:75px;cursor:pointer;background:#FFF;' required value='<?php echo $desde;?>'/>
					</td>
				</tr>
				
				<tr>
					<td class='td_titulo'>Egreso</td>
					<td class='td_contenido'>
						<input type='text' name="data[hasta]" id="end-date"   class="date-pick" readonly placeholder='Hasta el...' style='width:75px;cursor:pointer;background:#FFF;' required value='<?php echo $hasta;?>' />
					</td>
				</tr>
				
				<tr>
					<td class='td_titulo'>Cant.Noches</td>
					<td class='td_contenido'>
						<input type='text' name="data[cantidad_noches]" id="cantidad_noches"   class="input-small" readonly style='width:75px;text-align:right;' value='<?php echo $cantidad_noches;?>' />
					</td>
				</tr>
				
				<tr>
					<td class='td_titulo'>Cant.Adultos:</td>
					<td class='td_contenido'>
						<input type='number' class='input-small' name='data[adultos]' id='adultos' 
						style='text-align:right;width:75px;' onclick='select();' value='<?php echo $adultos;?>' required <?php echo $readonly;?> >
					</td>
				</tr>
			
				<tr>
					<td class='td_titulo'>Cant.Menores:</td>
					<td class='td_contenido'>
						<input type='number' class='input-small' name='data[menores]' id='menores' 
						style='text-align:right;width:75px;' onclick='select();' value='<?php echo $menores;?>' required <?php echo $readonly;?>  >
					</td>
				</tr>
				
			</table>
		</div>
		<div class='span9' style='width:555px;'>
			<div class='titulos' style='text-align:left;'>Realizar consulta / comentario</div>
			<textarea name='data[comentario]' id='comentario' rows='10' class='span11' required placeholder='Por favor no ingrese datos de contacto como telefono o email, sino se eliminará el mensaje. Gracias'></textarea>
			
			<input type='hidden' name='data[total]' id='total' value='<?php echo $total;?>'>
			<input type='hidden' name='data[porcentaje_reserva]' id='porcentaje_reserva' value='<?php echo $porcentaje_reserva;?>'>
			<input type='hidden' name='data[posible_reserva_id]' value='<?php echo $ElMensaje['id'];?>'>
			<input type='hidden' name='data[producto_id]' value='<?php echo $ElMensaje['producto_id'];?>'>
			<input type='hidden' name='data[usuario_id]' value='<?php echo $ElMensaje['usuario_id'];?>'>
			<input type='submit' class='btn btn-primary' value='Realizar Consulta' title='Realizar Consulta' style='margin-top:20px;'>
		</div>
		<div class='clear'></div>

</form>


<?php if(empty($readonly)) { ?>

<script type="text/javascript">

	jQuery(function () {

		$('#start-date').change(function() {
			var desde = $('#start-date').val();
			var hasta = $('#end-date').val();
			var one_day=1000*60*60*24; 
			var x=desde.split("/"); 
			var y=hasta.split("/"); 
			var date1=new Date(x[2],(x[1]-1),x[0]);  
			var date2=new Date(y[2],(y[1]-1),y[0]);
			
			if(date1>=date2){
				tiempo=date1.getTime()
				total=date2.setTime(tiempo+one_day);
				day  =date2.getDate();
				month=date2.getMonth()+1;
				year =date2.getFullYear();
				nuevo = day+"/"+month+"/"+year;
				$('#end-date').val(nuevo);
			}
			
			var month1=x[1]-1;
			var month2=y[1]-1;        			
			_Diff=Math.ceil((date2.getTime()-date1.getTime())/(one_day));
			$("#cantidad_noches").val(_Diff);
			
		});

		$('#end-date').change(function() {
			var desde = $('#start-date').val();
			var hasta = $('#end-date').val();
			var one_day=1000*60*60*24; 
			var x=desde.split("/"); 
			var y=hasta.split("/"); 
			var date1=new Date(x[2],(x[1]-1),x[0]);  
			var date2=new Date(y[2],(y[1]-1),y[0]);
			
			if(date1>=date2){
				tiempo=date1.getTime()
				total=date2.setTime(tiempo+one_day);
				day  =date2.getDate();
				month=date2.getMonth()+1;
				year =date2.getFullYear();
				nuevo = day+"/"+month+"/"+year;
				$('#end-date').val(nuevo);
			}
			
			
			var month1=x[1]-1;
			var month2=y[1]-1;        			
			_Diff=Math.ceil((date2.getTime()-date1.getTime())/(one_day));
			$("#cantidad_noches").val(_Diff);
		});

	
		
	});  

		$('.date-pick').datePicker({clickInput:true})
		
		$('#start-date').bind(
			'dpClosed',
			function(e, selectedDates)
			{
				var d = selectedDates[0];
				if (d) {
					d = new Date(d);
					$('#end-date').dpSetStartDate(d.addDays(1).asString());
				}
			}
		);
		$('#end-date').bind(
			'dpClosed',
			function(e, selectedDates)
			{
				var d = selectedDates[0];
				if (d) {
					d = new Date(d);
					$('#start-date').dpSetEndDate(d.addDays(-1).asString());
				}
			}
		);

</script>
<?php } ?>